html,
body {
  width: 100%;
  height: 100%;
  background-image: url(../images/login_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.logo {
  margin-top: 10px;
}

.panel {
  width: 400px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -200px;
}

.panel-heading {
  height: 60px;
  background: url(../images/login_title.png) no-repeat center;
}
.panel-success > .panel-heading {
  background-color: #ffffff;
}

.form-group {
  padding: 6px;
}

.item {
  position: relative;
}

.item input {
  text-indent: 20px;
}

.glyphicon-user,
.glyphicon-lock {
  color: rgba(0, 0, 0, 0.4);
  position: absolute;
  padding: 10px 0px 0px 5px;
}
